<%@ page language="java" contentType="text/html; charset=windows-1255" pageEncoding="windows-1255"%>
<!DOCTYPE html>

<html>
    <head>
        <title>CrowdSourcing - New Message</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

        <link rel="icon" href="crowdSourcingLogo.png" type="image/x-icon">
        <link rel="stylesheet" type="text/css" title="index_css" href="/${project.build.finalName}/crowd/css/message.css">

        <script type="text/javascript" src="/${project.build.finalName}/js/jquery-1.8.0.js"></script>
        <script type="text/javascript" src="/${project.build.finalName}/crowd/js/message.js"> </script>


        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=AIzaSyAeDT7vk1UfeFK9Aom-IoQAC5piyti8-Hw"
            type="text/javascript"></script>
        
        <script type = "text/javascript" src="/${project.build.finalName}/crowd/js/googleMap.js"> </script>

    </head>
    <body onload="load()" onunload="GUnload()" >
        <table class="center">
            <tr>
                <td id="body">
                    <form action="#" onsubmit="showAddressValue(this.address.value); return false;">
                        <input type="text" size="40" name="address" value="Technion, Haifa" />
                        <br/>
                        <input type="submit" value="Search Location!" />
                    </form>
                    <br/>
                    <div id='updates'>
                        <form method="post">
                            <p> Content </p>
                            <textarea id="contentarea" name="content" rows="16" cols="32"></textarea>
                            <br/>
                            <p> Location </p> 
                            latitude: <input type="text" id="lat" name="x" size="6" /> 
                            longitude:<input type="text" id="lng" name="y" size="6" /> 
                            <br/>
                            <input type="button" value="Send" onclick="addMessage(this.form)" />
                        </form>
                    </div>
                </td>
                <td>
                    <div id="map"></div>
                </td>
        </table>
    </body>
</html>
